<template>
    <div id="management">
        <div class="bigbox">
            <div class="moneyheader">
                <span>财务管理</span>
            </div>
            <div class="headerinfo">
                <div class="info1">
                    <div><img src="https://cimg.axureshop.com/54/a3/eb/54a3eb5671b341c7812aa0667a94e529/images/%E8%B4%A2%E5%8A%A1%E7%AE%A1%E7%90%86/u4958.png" alt=""><span>财务统计</span></div>
                </div>
                <div class="info2">
                    <div>订单总额：<img src="https://cimg.axureshop.com/54/a3/eb/54a3eb5671b341c7812aa0667a94e529/images/%E8%B4%A2%E5%8A%A1%E7%AE%A1%E7%90%86/u4958.png" alt=""><span>322000.00</span></div>
                </div>
                <div class="info3">
                    <img src="https://cimg.axureshop.com/54/a3/eb/54a3eb5671b341c7812aa0667a94e529/images/%E8%BD%AE%E6%92%AD%E5%9B%BE%E7%AE%A1%E7%90%86/u453.png" alt="">筛选
                </div>
                <div class="info4">
                    订单状态：

                </div>
                <div class="info5">
                    订单分类：
                </div>
                <div class="info6">
                    输入搜索：
                </div>
            </div>
        </div>
    </div>
</template>

<script>

</script>

<style lang="less" scoped>
    #management{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
    }
    .bigbox{
        width: 1100px;
        min-width: 1100px;
        height: 100%;
    }
    .moneyheader{
        height: 70px;
        display: flex;
        align-items: center;
        font-size: 26px;
        color: rgb(145, 55, 243);
        font-weight: 700;
    }
    .headerinfo{
        width: 1100px;
        height: 342px;
        border: 1px solid rgb(228, 228, 228);
        padding: 26px 30px;
        display: flex;
        flex-direction: column;
    }
    .headerinfo>div{
        margin-bottom: 37px;
        display: flex;
        align-items: center;
    }
    img{
        width: 15px;
        height: 15px;
    }

</style>